/* --------------------------------------------------------------

   grid.css
   * Sets up an easy-to-use grid of 88 columns.

   By default, the grid is 960px wide, with 88 columns
   spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, namespaces or semantic
   element names, use the compressor script (lib/compress.rb)

-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width:1920px;
  margin: 0 auto;
}

/* Use this class on any .span / container to see the grid. */

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25, .span-26, .span-27, .span-28, .span-29, .span-30, .span-31, .span-32, .span-33, .span-34, .span-35, .span-36, .span-37, .span-38, .span-39, .span-40, .span-41, .span-42, .span-43, .span-44, .span-45, .span-46, .span-47, .span-48, .span-49, .span-50, .span-51, .span-52, .span-53, .span-54, .span-55, .span-56, .span-57, .span-58, .span-59, .span-60, .span-61, .span-62, .span-63, .span-64, .span-65, .span-66, .span-67, .span-68, .span-69, .span-70, .span-71, .span-72, .span-73, .span-74, .span-75, .span-76, .span-77, .span-78, .span-79, .span-80, .span-81, .span-82, .span-83, .span-84, .span-85, .span-86, .span-87, .span-88, .span-89, .span-90, .span-91, .span-92, .span-93, .span-94, .span-95, .span-96, .span-97, .span-98, .span-99, .span-100, .span-101, .span-102, .span-103, .span-104, .span-105, .span-106, .span-107, .span-108, .span-109, .span-110, .span-111, .span-112, .span-113, .span-114, .span-115, .span-116, .span-117, .span-118, .span-119, .span-120, .span-121, .span-122, .span-123, .span-124, .span-125, .span-126, .span-127, .span-128, .span-129, .span-130, .span-131, .span-132, .span-133, .span-134, .span-135, .span-136, .span-137, .span-138, .span-139, .span-140, .span-141, .span-142, .span-143, .span-144, .span-145, .span-146, .span-147, .span-148, .span-149, .span-150, .span-151, .span-152, .span-153, .span-154, .span-155, .span-156, .span-157, .span-158, .span-159, .span-160, .span-161, .span-162, .span-163, .span-164, .span-165, .span-166, .span-167, .span-168, .span-169, .span-170, .span-171, .span-172, .span-173, .span-174, .span-174
, .span-175, .span-176, .span-177, .span-178, .span-179, .span-180, .span-181, .span-182, .span-183, .span-184, .span-185, .span-186, .span-187, .span-188, .span-189, .span-190, .span-191, .span-192, .span-193, .span-194, .span-195, .span-196, .span-197, .span-198, .span-199, .span-200, .span-201, .span-202, .span-203, .span-204, .span-205, .span-206, .span-207, .span-208, .span-209, .span-210{float:left !important;margin-right:0px !important;}

.text_center
{
	text-align:center;
}
.text_left
{
	text-align:left;
}
.text_right
{
	text-align:right;
}
.height
{
	height:15px;
}
.height-50{height:50px}
/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1{width:10px;}
.span-2{width:21px;}
.span-3{width:32px;}
.span-4{width:43px;}
.span-5{width:54px;}
.span-6{width:65px;}
.span-7{width:76px;}
.span-8{width:87px;}
.span-9{width:98px;}
.span-10{width:109px;}
.span-11{width:120px;}
.span-12{width:131px;}
.span-13{width:142px;}
.span-14{width:153px;}
.span-15{width:164px;}
.span-16{width:175px;}
.span-17{width:186px;}
.span-18{width:197px;}
.span-19{width:208px;}
.span-20{width:219px;}
.span-21{width:230px;}
.span-22{width:241px;}
.span-23{width:252px;}
.span-24{width:263px;}
.span-25{width:274px;}
.span-26{width:285px;}
.span-27{width:296px;}
.span-28{width:307px;}
.span-29{width:318px;}
.span-30{width:329px;}
.span-31{width:340px;}
.span-32{width:351px;}
.span-33{width:362px;}
.span-34{width:373px;}
.span-35{width:384px;}
.span-36{width:395px;}
.span-37{width:406px;}
.span-38{width:417px;}
.span-39{width:428px;}
.span-40{width:439px;}
.span-41{width:450px;}
.span-42{width:461px;}
.span-43{width:472px;}
.span-44{width:483px;}
.span-45{width:494px;}
.span-46{width:505px;}
.span-47{width:516px;}
.span-48{width:527px;}
.span-49{width:538px;}
.span-50{width:549px;}
.span-51{width:560px;}
.span-52{width:571px;}
.span-53{width:582px;}
.span-54{width:593px;}
.span-55{width:604px;}
.span-56{width:615px;}
.span-57{width:626px;}
.span-58{width:637px;}
.span-59{width:648px;}
.span-60{width:659px;}
.span-61{width:670px;}
.span-62{width:681px;}
.span-63{width:692px;}
.span-64{width:703px;}
.span-65{width:714px;}
.span-66{width:725px;}
.span-67{width:736px;}
.span-68{width:747px;}
.span-69{width:758px;}
.span-70{width:769px;}
.span-71{width:780px;}
.span-72{width:791px;}
.span-73{width:802px;}
.span-74{width:813px;}
.span-75{width:824px;}
.span-76{width:835px;}
.span-77{width:846px;}
.span-78{width:857px;}
.span-79{width:868px;}
.span-80{width:879px;}
.span-81{width:890px;}
.span-82{width:901px;}
.span-83{width:912px;}
.span-84{width:923px;}
.span-85{width:934px;}
.span-86{width:945px;}
.span-87{width:956px;}
.span-88{width:967px;}
.span-89{width:978px;}
.span-90{width:989px;}
.span-91{width:1000px;}
.span-92{width:1011px;}
.span-93{width:1022px;}
.span-94{width:1033px;}
.span-95{width:1044px;}
.span-96{width:1055px;}
.span-97{width:1066px;}
.span-98{width:1077px;}
.span-99{width:1088px;}
.span-100{width:1099px;}
.span-101{width:1110px;}
.span-102{width:1121px;}
.span-103{width:1132px;}
.span-104{width:1143px;}
.span-105{width:1154px;}
.span-106{width:1165px;}
.span-107{width:1176px;}
.span-108{width:1187px;}
.span-109{width:1198px;}
.span-110{width:1209px;}
.span-111{width:1220px;}
.span-112{width:1231px;}
.span-113{width:1242px;}
.span-114{width:1253px;}
.span-115{width:1264px;}
.span-116{width:1275px;}
.span-117{width:1286px;}
.span-118{width:1297px;}
.span-119{width:1308px;}
.span-120{width:1319px;}
.span-121{width:1330px;}
.span-122{width:1341px;}
.span-123{width:1352px;}
.span-124{width:1363px;}
.span-125{width:1374px;}
.span-126{width:1385px;}
.span-127{width:1396px;}
.span-128{width:1407px;}
.span-129{width:1418px;}
.span-130{width:1429px;}
.span-131{width:1440px;}
.span-132{width:1451px;}
.span-133{width:1462px;}
.span-134{width:1473px;}
.span-135{width:1484px;}
.span-136{width:1495px;}
.span-137{width:1506px;}
.span-138{width:1517px;}
.span-139{width:1528px;}
.span-140{width:1539px;}
.span-141{width:1550px;}
.span-142{width:1561px;}
.span-143{width:1572px;}
.span-144{width:1583px;}
.span-145{width:1594px;}
.span-146{width:1605px;}
.span-147{width:1616px;}
.span-148{width:1627px;}
.span-149{width:1638px;}
.span-150{width:1649px;}
.span-151{width:1660px;}
.span-152{width:1671px;}
.span-153{width:1682px;}
.span-154{width:1693px;}
.span-155{width:1704px;}
.span-156{width:1715px;}
.span-157{width:1726px;}
.span-158{width:1737px;}
.span-159{width:1748px;}
.span-160{width:1759px;}
.span-161{width:1770px;}
.span-162{width:1781px;}
.span-163{width:1792px;}
.span-164{width:1803px;}
.span-165{width:1814px;}
.span-166{width:1825px;}
.span-167{width:1836px;}
.span-168{width:1847px;}
.span-169{width:1858px;}
.span-170{width:1869px;}
.span-171{width:1880px;}
.span-172{width:1891px;}
.span-173{width:1902px;}
.span-174{width:1913px;}
.span-175{width:1924px;}
.span-176{width:1935px;}
.span-177{width:1946px;}
.span-178{width:1957px;}
.span-179{width:1968px;}
.span-180{width:1979px;}
.span-181{width:1990px;}
.span-182{width:2001px;}
.span-183{width:2012px;}
.span-184{width:2023px;}
.span-185{width:2034px;}
.span-186{width:2045px;}
.span-187{width:2056px;}
.span-188{width:2067px;}
.span-189{width:2078px;}
.span-190{width:2089px;}
.span-191{width:2100px;}
.span-192{width:2111px;}
.span-193{width:2122px;}
.span-194{width:2133px;}
.span-195{width:2144px;}
.span-196{width:2155px;}
.span-197{width:2166px;}
.span-198{width:2177px;}
.span-199{width:2188px;}
.span-200{width:2199px;}
.span-201{width:2210px;}
.span-202{width:2221px;}
.span-203{width:2232px;}
.span-204{width:2243px;}
.span-205{width:2254px;}
.span-206{width:2265px;}
.span-207{width:2276px;}
.span-208{width:2287px;}
.span-209{width:2298px;}
.span-210{width:2309px;}

.doubleHeight{height:40px}

/*-------------------------- set margin for div */
/* margin on the left */
.margin-l1{ margin-left:1px !important}
.margin-l2{ margin-left:2px !important}
.margin-l3{ margin-left:3px !important}
.margin-l4{ margin-left:4px !important}
.margin-l5{ margin-left:5px !important}
.margin-l6{ margin-left:6px !important}
.margin-l7{ margin-left:7px !important}
.margin-l8{ margin-left:8px !important}
.margin-l9{ margin-left:9px !important}
.margin-l10{ margin-left:10px !important}
/* margin on the right */
.margin-r1{ margin-right:1px !important}
.margin-r2{ margin-right:2px !important}
.margin-r3{ margin-right:3px !important}
.margin-r4{ margin-right:4px !important}
.margin-r5{ margin-right:5px !important}
.margin-r6{ margin-right:6px !important}
.margin-r7{ margin-right:7px !important}
.margin-r8{ margin-right:8px !important}
.margin-r9{ margin-right:9px !important}
.margin-r10{ margin-right:10px !important}
/* margin on the top */
.margin-t1{ margin-top:1px !important}
.margin-t2{ margin-top:2px !important}
.margin-t3{ margin-top:3px !important}
.margin-t4{ margin-top:4px !important}
.margin-t5{ margin-top:5px !important}
.margin-t6{ margin-top:6px !important}
.margin-t7{ margin-top:7px !important}
.margin-t8{ margin-top:8px !important}
.margin-t9{ margin-top:9px !important}
.margin-t10{ margin-top:10px !important}
/* margin on the bottom */
.margin-b1{ margin-bottom:1px !important}
.margin-b2{ margin-bottom:2px !important}
.margin-b3{ margin-bottom:3px !important}
.margin-b4{ margin-bottom:4px !important}
.margin-b5{ margin-bottom:5px !important}
.margin-b6{ margin-bottom:6px !important}
.margin-b7{ margin-bottom:7px !important}
.margin-b8{ margin-bottom:8px !important}
.margin-b9{ margin-bottom:9px !important}
.margin-b10{ margin-bottom:10px !important}

.margin-1{margin: 1px 1px 0px 1px; padding-bottom:1px !important}
.margin-2{margin: 2px 2px 0px 2px; padding-bottom:2px !important}
.margin-3{margin: 3px 3px 0px 3px; padding-bottom:3px !important}
.margin-4{margin: 4px 4px 0px 4px; padding-bottom:4px !important}
.margin-5{margin: 5px 5px 0px 5px; padding-bottom:5px !important}

/* border  */
.borderall{border:1px solid #3BAAE3;}
.borderleft{border-left:1px solid #3BAAE3}
.borderright{border-right:1px solid #3BAAE3}
.borderbottom{border-bottom:1px solid #3BAAE3}
.bordertop{border-top:1px solid #3BAAE3}
.border-tlr{
	border-top: #3BAAE3 1px solid;
	border-left: #3BAAE3 1px solid;
	border-right: #3BAAE3 1px solid}

.borderall_list{border:1px solid #77D5F7;}
.borderleft_list{border-left:1px solid #77D5F7}
.borderright_list{border-right:1px solid #77D5F7}
.borderbottom_list{border-bottom:1px solid #77D5F7}
.bordertop_list{border-top:1px solid #77D5F7}

.borderbottom_dot{border-bottom: #6D6D6D 1px dotted;}
.borderbottom_none{border-bottom: #ffffff 1px solid;}